<!DOCTYPE HTML>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<html><head>
  <meta charset="utf-8">
  <title>Test pseudo-classes on number controls</title>
  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1250315">
  <link rel="help" href="https://drafts.csswg.org/selectors-4/#rw-pseudos">
  <link rel="match" href="about:blank">
  <style type="text/css">
body,html { color:black; background:white; font-size:16px; padding:0; margin:0; }

#t1:-moz-read-only { display:none; }
#t1:-moz-read-write { display:block; }

#t2:-moz-read-write { display:none; }
#t2:-moz-read-only { display:block; }

#t3:disabled { display:none; }
#t3:enabled { display:block; }

#t4:enabled { display:none; }
#t4:disabled { display:block; }

  </style>
</head>
<body>

<input id=t1 type=number readonly>
<input id=t2 type=number>
<input id=t3 type=number disabled>
<input id=t4 type=number>

</body>
</html>
